5.3.3 APPX Application Design Manual

+ Chapter 1-1: Overview of Application Design
+ Chapter 1-2: Getting Started
+ Chapter 1-3: Data Dictionary
+ Chapter 1-4: Understanding Process Design
+ Chapter 1-5: Interprocess Communication
+ Chapter 1-6: Customizing Your Application
+ Chapter 1-7: The Documentation Facility
+ Chapter 1-8: Application Design Tools
+ Chapter 2-1: Data Dictionary Overview
+ Chapter 2-2: Data Dictionary Concepts
+ Chapter 2-3: Domains
+ Chapter 2-4: Files and Fields
+ Chapter 2-5: Work Fields
+ Chapter 3-1: Overview of APPX Processes
+ Chapter 3-2: Getting Started
+ Chapter 3-3: Process Definition
+ Chapter 3-4: Menu Processes
+ Chapter 3-5: Job Processes
+ Chapter 3-6: Input Processes
+ Chapter 3-7: Output Processes
+ Chapter 3-8: Update Processes
+ Chapter 3-9: Query Processes
+ Chapter 3-10: Inquiry Processes
+ Chapter 3-11: Status Processes
+ Chapter 3-12: Subroutine Processes
+ Chapter 3-13: Table Processes
+ Chapter 3-14: Automatic and Optional Children
+ Chapter 3-15: Using the Image Editor
- Chapter 3-16: Using GUI Features of the Image Editor
+ Chapter 3-17: Using Event Points
+ Chapter 4-1: ILF Integration
+ Chapter 4-2: True/False Status Indicators
+ Chapter 4-3: Specifying Statements
+ Chapter 4-4: The ILF Editor
+ Chapter 4-5: The Appx ILF Debugger
+ Chapter 4-6: ILF Keyword Reference
+ Chapter 4-7: Predefined Fields
+ Chapter 4-8: Runtime Subroutine's and Predefined Processes
+ Chapter 4-9: Appx Chart Director API

Chapter 3-16: Using GUI Features of the Image Editor

Image Editor Toolbar


The Image Editor toolbar contains many design tools not found on the standard APPX runtime toolbar. These tools allow the designer to easily perform a variety of image design functions.

The items on the toolbar are grouped in four categories:

APPX Options

 Save and Exit to save the image and exit the image editor.

Cancel to discard the changes made to the image and exit the image editor.

Paint Object Tools

Select a Region defines the region of the image you want to perform your design work in.

Paint a Button is used to place a button on a menu or input image and define its properties.

Paint a Label is used to place a label (text) on the image and define its properties.

Paint a Picture is used to place a picture (jpg or gif file, for example) on the image and define its properties.

Paint a Box is used to place a box on the image and define its properties.

Paint a Line is used to draw a line on the image and define its properties.

Paint a Table is used to paint a two demensional table on the image.

Other Tools

Show Object Bounds is used to display the boundaries of an object, useful for objects with no borders.

Show Grid Lines to display a grid on the image to assit in lining up various elements.

Toggle GUI Display use this to switch from GUI to Character display mode.

Data Palette opens the APPX Data Palette and allows you to select and add data objects to the image from the Data Dictionary.

Cut Selection is used to remove a selection from the image. It becomes available to be 'pasted' elsewhere on the image, if desired.

Copy Selection is used to copy a selection from the image so that it can be 'pasted' or duplicated elsewhere.

Paste Selection is used to place a previously 'cut' or 'copied' selection elsewhere on the image. Note that this icon cannot be selected until a selection has been 'cut' or 'copied'.

Edit Window Properties is used to edit properties of the current image or global properties of all images for the current frame.

Edit Object Properties is used to edit the properties of a previously defined and selected button, label, picture, box, line, or item.

Alignment and Sizing Icons

Align Tops aligns the tops of two or more selected objects.

Align Bottoms aligns the bottoms of two or more selected objects.

Align Left Sides aligns the left sides of two or more selected objects.

Align Right Sides aligns the right sides of two or more selected objects.

Make Same Size (vertically) makes two or more selected objects the same height.

Make Same Size (horizontally) makes two or more selected objects the same width.

Spread Space (vertically) increae the spacing between two or more selected objects.

Spread Space (horizontally) increae the spacing between two or more selected objects.

For details on selecting objects, see Making Selections.

Application Design Manual                                         "Powered by Appx Software"

1344

©2006 By APPX Software, Inc. All Rights Reserved